.main-body {
  background-color: white;
  /*height: 100%;*/
  min-height: 600px;
}
.device-icon {
  /*width: 60px;*/
  height: 80px;
  /*border: solid 1px #aeb9c2;*/
  border-radius: 10px;
  background-color: #EEEEE0;
  /*background-image: url(/assets/images/device.png);*/
  background-repeat:no-repeat;
  background-size:100% calc(100% - 10px);
  -moz-background-size:100% 100%;
  margin-top: 20px;
  padding-left: 6px;
  background-position: 0 calc(50% + 6px) ;
  box-shadow: 5px 5px 5px #888888;
  /*transition: 0.2s;*/
}
/*.device-icon:hover{*/
/*transition: 0.2s;*/
/*transform:scale(1.02);*/
/*}*/
.count{
  background-color: #C9C9C9;
  margin-left: 0;
  color: #5f5f5f;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 8px;
  /*border: solid 1px black;*/
  min-width: 20px;
  padding: 0  3px;

}

.gear-icon{
  position: absolute;
  bottom:2px;
  left: 70px;
  /*display: inline-block;*/
  /*margin-left: 0px;*/
}
.vane-icon{
  position: absolute;
  bottom:2px;
  left: 15px;
  /*display: inline-block;*/
}
.col-sm-1-color{

  height:100px;
  margin-top:15px;
  float:left;
}
.icontext{
  width:60px;
  height:100px;

  float:left;
  margin-left:5px;
  text-align: center;
  line-height: 100px;
  font-size:20px;
}
.icon{
  width:80px;
  height:100px;

  float:left;
  margin-left:12px;
  text-align: center;
  line-height: 100px;
  font-size:20px;
  background-size:85px 100px ;

}

.tool-bar {
  padding: 5px;
  height: 40px;
  background-color: #00abff;
}
.department-bar{
  float: left;
  margin-right: 20%;
}
.button-bar{
  float: left;
}
.search-bar {
  float: right;
}
.time-ctrl{
  margin-left:46% ;
}
.btn-back{
  position: absolute;
  right:693px;
}
.btn-home{
  position: absolute;
  right:655px;
}
.id{
  height:100px;

  float:left;
  margin-left:20px;

}
.unit-index{
  position: absolute;
  top:-37px;
  margin-left: -3px;
  text-indent: 12px;
  font-size: 16px;
}
.spa{
  margin-left: 70px;
  margin-top: 100px;
  width:100px;

}
.ictext{
  margin-top: 150px;text-align: center ;
}
.u-index{
  margin-top: 105px;
  margin-left: 1px;
  font-size: 20px;
}
.status-name{
  text-indent:-10px;
  margin-top: 5px;
}
.status-icon{
  height:15px;
  margin-top:7px;
  border-radius: 10%;
  line-height: 15px;
}

.status-icon-2{
  background: #55c22e;
}
.status-icon-4{
  background: #fcc81d;
}
.status-icon-5{
  background: #ef4014;
}



@media screen and (min-width: 1850px){
  .icontext{
    width:100px;
    height:150px;

    float:left;
    margin-left:5px;
    text-align: center;
    line-height: 150px;
    font-size:20px;
  }
  .icon{
    width:120px;
    height:150px;

    float:left;
    margin-left:12px;
    text-align: center;
    line-height: 150px;
    font-size:20px;
    background-size:120px 150px ;

  }
  .col-sm-1-color{

    height:150px;
    margin-top:15px;
    float:left;
  }
  .unit-index{
    position: absolute;
    top:-59px;
    margin-left: -1px;
    text-indent: 12px;
    font-size: 16px;
  }

  .spa{
    margin-left: 150px;
    margin-top: 160px;
    width:100px;

  }
  .ictext{
    margin-top: 200px;text-align: center ;
  }
  .u-index{
    margin-top: 165px;
    margin-left: 1px;
    font-size: 24px;
  }
}
